/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        "gray-black": "rgba(102, 102, 102, 1)", //灰黑色
        "deep-black": "rgba(30, 30, 38, 1)", //深黑色
        "re-black": "rgba(153, 153, 153, 1)", //深黑色
        "t-black": "rgba(51, 51, 51, 1)", //深黑色
        "z-black": "rgba(4, 1, 22, 1)", //重黑色
        blue: "#0057ff", //蓝色
        "bg-black": "rgba(4, 1, 22, 1)",
        "t-text": "rgba(3, 1, 22, 1)",
      },
      padding: {
        4.5: "1.125rem", // 因为 Tailwind CSS 里 1 个单位是 0.25rem，所以 4.5 个单位就是 4.5 * 0.25 = 1.125rem
      },
      width: {
        "quarter-minus-8": "calc(25% - 0.5rem)",
        "w-minus-8": "calc(50% - 0.5rem)",
      },
    },
  },
  plugins: [],
};
